$Win-border-color:#eee;
/*轮播和登录模块*/
.carouselNav {
  width: 880px;
  height: 446px;
  float: left;
  position: relative;
  border: 1px solid $Win-border-color;
}
.carouselLogin {
  width: 100%;
  height: auto;
  margin:10px auto 0;
  overflow: hidden;

}
.carouselLogin .carousel{
  width: 880px;
  height: 378px;
}
.carouselLogin .carousel .carousel-indicators {
  left: 92%;
}
.carouselLogin .carouselNav .classify {
  width: 880px;
  height: 378px;
  position: absolute;
  top:0;
  left:0;
  z-index:10;
}
.carouselLogin .classify .listBox {
  float: left;
  width: 200px;
  height: 378px;
  position: relative;
}
.carouselLogin .classify .listBox .bgCont{
  width: 100%;
  height: 378px;
  background: #000;
  position: absolute;
  z-index:11;
  opacity: 0.6;
  filter: alpha(opacity=60);
  top:0;
  left:0;
}
.carouselLogin .classify .listBox ul {
  position: absolute;
  width: 200px;
  height: 378px;
  z-index:12;
  background: none;
  top:0;
  left:0;
}
.carouselLogin .classify .listBox ul li {
  line-height: 42px;
  height:42px;
  width:200px;
  padding:0 0 0 20px;
}
.carouselLogin .classify .listBox ul li a {
  color: #fff;
  font-size:14px;
  width: 100%;
  height: 42px;
  line-height: 42px;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}
.carouselLogin .classify .listBox ul li a:hover {
  border: none;
}
.carouselLogin .classify .listBox ul li a:hover {
  color: #39b5f2;
}
.carouselLogin .classify .listBox ul li a img {
  float: right;
  margin-top:14px;
  margin-right: 10px;
  width: 15px;
  height: 15px;
}
.carouselLogin .classify .childList {
  width: 550px;
  height: 378px;
  float: left;
  position: relative;
  padding:10px;
  display: none;
  overflow: hidden;
  position: relative;
}
.carouselLogin .classify .childList .bgCont {
  width: 550px;
  height: 378px;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.carouselLogin .classify .childList .itemList {
  width: 550px;
  height: 378px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
  margin-top: 10px;
  display: none;
}
.carouselLogin .classify .childList .item {
  width: 100%;
  padding: 0 30px;
  overflow: hidden;
  margin: 20px auto 0;
}
.carouselLogin .classify .childList .item .tit {
  width: 100%;
  height: 30px;
  line-height: 30px;
  float: left;
}
.carouselLogin .classify .childList .item .tit h4 {
  font-size: 12px;
  color: #fff;
}
.carouselLogin .classify .childList .item ul {
  width: 440px;
  float: left;
  height: auto;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
  margin-left: 30px;
}
.carouselLogin .classify .childList .item ul li {
  width: auto;
  padding:0 10px;
  float: left;
  border-left: 1px solid #e5e5e5;
  margin-bottom: 7px;
}
.carouselLogin .classify .childList .item ul li a {
  font-size: 12px;
  color: #fff;
}
.carouselLogin .classify .childList .item ul li a:hover {
  color: #39b5f2;
}
.carouselNav .advert {
  width: 100%;
  height: 66px;
  background: #fff;
}
.carouselNav .advert .rowBox {
  width: 439px;
  height: 40px;
  float: left;
  border-right: 1px solid #f3f6f7;
  text-align: center;
  margin-top: 15px;
}
.carouselNav .advert .rowBox h3 {
  font-size: 18px;
  color: #333;
}
.carouselNav .advert .rowBox p {
  font-size: 12px;
  color: #666;
  line-height: 28px;
}
.carouselNav .advert .rowBox p i {
  color: #ff0000;
  padding: 0 3px;
}

/*登录*/
.loginAd {
  width: 285px;
  height: auto;
}
.loginAd .login {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 20px;
  border: 1px solid $Win-border-color;
}
.loginAd .login .title {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.loginAd .login .title h3 {
  font-size: 14px;
  color: #444;
 // font-weight: bold;
}
.loginAd .login .loginBtn {
  width: 100%;
  height: 34px;
  background: #4490f7;
  border: 1px solid #0f77d2;
  color: #fff;
}
.loginAd .login .loginBtn:hover {
  background: #5195f2;
}
.loginAd .login .info {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.loginAd .login .info .checkbox-inline {
  font-size: 12px;
  color: #333;
  line-height: 20px;
  margin-top: 12px;
}
.loginAd .login .info a {
  float: right;
  font-size: 12px;
  color: #666;
  margin-left: 10px;
  display: block;
  padding-right: 5px;
  border-right: 1px solid #666;
  height: 14px;
  line-height: 14px;
}
.loginAd .login .info a:hover {
  color: #5195f2;
}
.loginAd .login .info a.register {
  border: none;
  color: #c81b1b;
}
.loginAd .advert {
  width: 100%;
  height: 202px;
  background: #fff;
  margin-top: 10px;
  border: 1px solid $Win-border-color;
}
.loginAd .advert .title {
  height: 43px;
  line-height: 44px;
  overflow: hidden;
  border-bottom: 1px solid #f3f6f7;
}
.loginAd .advert .title h3 {
  font-size: 14px;
  color: #444;
  float: left;
  line-height: 46px;
  padding-left: 15px;
}
.loginAd .advert .title a {
  font-size: 12px;
  color: #666;
  float: right;
  margin-right: 10px;
}
.loginAd .advert .title a:hover {
  color: #ff9400;
}
.loginAd .advert .cont {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-left: 10px;
}
.loginAd .advert .cont a {
  width: 132px;
  height: 70px;
  float: left;
  margin-top: 5px;
}

/*达人问答 视频点播 线上班*/
.qaCont {
  width: 100%;
  height: auto;
  margin: 20px auto 0;
}
.qaCont .title {
  width: 100%;
  height: 52px;
  line-height: 52px;
}
.qaCont .title h3 {
  font-size: 18px;
  color: #333;
  line-height: 52px;
  font-weight: bold;
  float: left;
}
.qaCont .title ul {
  float: left;
  margin-left: 40px;
}
.qaCont .title ul li {
  float: left;
  margin-right: 40px;
}
.qaCont .title ul li a {
  font-size: 14px;
}
.qaCont .title ul li a:hover {
  color: #01a2f2;
}
.qaCont .contBox {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.qaCont .contBox .bigCont {
  width: 110%;
  float: left;
  height: auto;
}
.qaCont .contBox .module {
  width: 283px;
  height: auto;
  float: left;
  background: #fff;
  padding-top: 15px;
  margin-right: 15px;
  margin-bottom: 26px;
  border: 1px solid $Win-border-color;
}
.qaCont .contBox .module .infoTop {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 15px;
}
.qaCont .contBox .module .infoTop img {
  width: 78px;
  height: 78px;
  float: left;
  margin-right:10px;
}
.qaCont .contBox .module .infoTop .word {
  width: 150px;
  float: left;
  overflow: hidden;
}
.qaCont .contBox .module .infoTop .word h3 {
  font-size: 18px;
  color: #333;
  width: 100%;
  float: left;
  margin-bottom: 5px;
  line-height: 30px;
}
.qaCont .contBox .module .infoTop .word p {
  float: left;
  font-size: 12px;
  line-height: 22px;
  color: #666;
  margin-right:8px;
}
.qaCont .contBox .module .infoTop .word p i {
  color: #770000;
  margin-right: 10px;
}
.qaCont .contBox .module .labelBox {
  width: 100%;
  height: auto;
  margin: 10px auto 0;
  overflow: hidden;
  padding-left: 15px;
}
.qaCont .contBox .module .labelBox a {
  width: auto;
  padding: 0 7px;
  height: 22px;
  line-height: 22px;
  background: #ecf3f1;
  color: #0f6d53;
  font-size: 12px;
  float: left;
  margin-right: 5px;
}
.qaCont .contBox .module .labelBox a img {
  float: left;
  width: 22px;
  height: 22px;
}
.qaCont .contBox .module a.quizBtn {
  width: 100%;
  height: 40px;
  border-top: 1px solid #f5f5f5;
  line-height: 40px;
  text-align: center;
  display: block;
  margin-top: 20px;
  color: #333;
}
.qaCont .contBox .module a.quizBtn i {
  color: #770000;
  padding:0 3px;
}
.qaCont .contBox .module a.quizBtn:hover {
  color: #770000;
}
.qaCont a.moreMaster {
  width: 350px;
  height: 46px;
  line-height: 46px;
  background: #fff;
  text-align: center;
  font-size: 14px;
  color: #999;
  display: block;
  margin: 10px auto 0;
  border: 1px solid $Win-border-color;

}
.qaCont a.moreMaster:hover {
  color: #333;
}
.qaCont .videoCont {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.qaCont .videoCont .bigCont {
  width: 110%;
  float: left;
  height: auto;
}
.qaCont .videoCont .video {
  width: 184px;
  height: auto;
  float: left;
  background: #fff;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 1px solid $Win-border-color;
}
.qaCont .videoCont .video img {
  width: 183px;
  height: 136px;
  display: block;
  margin: 0 auto;
}
.qaCont .videoCont .video a {
  font-size: 14px;
  color: #365899;
  width: 100%;
  display: block;
  text-align: center;
  line-height: 40px;
}
.qaCont .videoCont .video a:hover {
  color: #770000;
}
.qaCont .onLineBox {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.qaCont .onLineBox .bigCont {
  width: 110%;
  float: left;
  height: auto;
}
.qaCont .onLineBox .onLine {
  width: 285px;
  height: auto;
  float: left;
  background: #fff;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 1px solid $Win-border-color;
}
.qaCont .onLineBox .onLine img {
  width: 285px;
  height: 192px;
  display: block;
  margin: 0 auto;
}
.qaCont .onLineBox .onLine a.tit {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  display: block;
  color: #365899;
  padding: 0 10px;
}
.qaCont .onLineBox .onLine a.tit:hover {
  color: #21407c;
}
.qaCont .onLineBox .onLine .titInfo {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 15px;
  overflow: hidden;
}
.qaCont .onLineBox .onLine .titInfo p {
  font-size: 12px;
  line-height: 14px;
  float: left;
  color: #666;
}
.qaCont .onLineBox .onLine .titInfo a {
  float: right;
  font-size: 12px;
  line-height: 12px;
  display: block;
  color: #999;
  border-right: 1px solid #dbdbdb;
  padding:0 5px;
}
.qaCont .onLineBox .onLine .titInfo a:hover {
  color: #770000;
}
.qaCont .onLineBox .onLine .titInfo a.noBor {
  border: none;
}

/*悬赏求助 项目接单*/
.itemList {
  width: 100%;
  height: auto;
  margin: 30px auto 0;
  overflow: hidden;
}
.itemList .item {
  width: 587px;
  height: auto;
}
.itemList .item .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.itemList .item .title h3 {
  font-size: 18px;
  color: #333;
  line-height: 50px;
}
.itemList .item .cont {
  width: 580px;
  height: 140px;
  background: #fff;
  border: 1px solid $Win-border-color;
}
.itemList .item .cont img {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  float: left;
  margin: 30px 20px 0 30px;
}
.itemList .item .cont .word {
  width: 420px;
  height: auto;
  float: left;
  margin-top: 30px;
}
.itemList .item .cont .word .tit {
  width: 100%;
  height: 60px;
  overflow: hidden;
}
.itemList .item .cont .word .tit a {
  float: left;
  font-size: 16px;
  color: #365899;
  line-height: 30px;
}
.itemList .item .cont .word .tit a i {
  color: #770000;
  padding-right: 10px;
}
.itemList .item .cont .word .tit a var {
  color: #faac4a;
  padding-left: 10px;
}
.itemList .item .cont .word .info {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.itemList .item .cont .word .info p {
  font-size: 12px;
  float: left;
  line-height: 30px;
  margin-right: 15px;
}

/*达人广场*/
.drSquare {
  width: 100%;
  height: auto;
  margin:20px auto 0;
  overflow: hidden;
}
.drSquare .title {
  width: 100%;
  height: 50px;
  line-break: 50px;
}
.drSquare .title h3 {
  font-size: 18px;
  color: #333;
  line-height: 50px;
}
.drSquare .cont {
  width: 100%;
  height: auto;
  margin:0 auto;
  overflow: hidden;
}
.drSquare .cont .bigCont {
  width: 110%;
  float: left;
  height: auto;
}
.drSquare .cont .item {
  width: 154px;
  height: 154px;
  background: #fff;
  float: left;
  text-align: center;
  margin:0 16px 0 0;
  border: 1px solid $Win-border-color;

}
.drSquare .cont .item img {
  width: 102px;
  height: 102px;
  display: block;
  margin:10px auto 0;
}
.drSquare .cont .item a {
  font-size:16px;
  color: #666;
  width: 100%;
  display: block;
  text-align: center;
  line-height: 40px;
}
.drSquare .cont .item a:hover {
  color: #365899;
}

/*友情链接*/
.friendlyLink {
  width: 100%;
  height: auto;
  margin:20px auto 0;
  overflow: hidden;
}
.friendlyLink .title {
  width: 100%;
  height: 50px;
  line-break: 50px;
}
.friendlyLink .title h3 {
  font-size: 18px;
  color: #333;
  line-height: 50px;
}
.friendlyLink .cont {
  width: 100%;
  height: auto;
  margin:0 auto;
  overflow: hidden;
}
.friendlyLink .cont .bigCont {
  width: 110%;
  float: left;
  height: auto;
}
.friendlyLink .cont a {
  width: 176px;
  height: 72px;
  float: left;
  margin:0 23px 10px 0 ;
}
.friendlyLink .cont a img {
  width: 174px;
  height: 72px;
  border: 1px solid $Win-border-color;

}
